/* 头部 */
header{
    width: 1260px;
    height: 88px;
    margin: auto;
    background-image: url(../images/header-bg-shadow.png),url(../images/header-bg.jpg);
}
header img{
    float: left;
    margin-left: 160px;
    margin-top: 20px;
}
header ul>li{
    float: left;
    font-style: italic;
    font-size: 20px;
    color: white;
    margin-right: 50px;
    margin-top: 30px;
}
header ul>li:first-child{
    color: #cb780f;
    margin-left: 196px;
}
/* 中间内容 */
#main{
    width: 1260px;
    height: 1292px;
    background-color: #f2f2f2;
    margin: auto;
}
/* 中间第一部分 */
#main>div:first-child{
    width: 100%;
    background-image: url(../images/slider-2.jpg);
    height: 496px;
    background-repeat: no-repeat;
    background-color: #ffffff;
}
#main div .big>h1{
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
}
#main div .small>h2{
    font-size: 18px;
    font-style: italic;
}
.big{
    position: relative;
    top: 105px;
    left: 840px;
}
.small{
    position: relative;
    top: 120px;
    left: 840px;
}
#main div:first-child img{
    position: relative;
    top: 150px;
    left: 920px;
}
/* 中间第二部分 */
#main>div:nth-child(2){
    width: 932px;
    height: 208px;
    border-bottom: dashed 3px #484848;
    margin: auto;
}
.chat,.letter{
    float: left;
}
.letter{
    margin-left: 200px;
}
.chat p{
    position: relative;
    bottom: 110px;
    left: 150px;
    font-style: italic;
}
.letter p{
    position: relative;
    bottom: 115px;
    left: 155px;
    font-style: italic;
}
.chat p:nth-of-type(1),.letter p:nth-of-type(1){
    font-size: 20px;
}
.chat img,.letter img{
    margin-top: 50px;
}
.chat p:nth-of-type(2),.letter p:nth-of-type(2){
    width: 300px;
    font-size: 14px;
}
/* 中间第三部分 */
#main>div:nth-child(3){
    width: 932px;
    height: 138px;
    border-bottom: dashed 3px #484848;
    margin: auto;
}
#main>div:nth-child(3) h3{
    display: inline-block;
}
#main>div:nth-child(3) h3:first-child{
    position: relative;
    font-style: italic;
    font-size: 25px;
    left: 260px;
    bottom: 40px;
}
#main>div:nth-child(3) h3:nth-child(2){
    position: relative;
    font-style: italic;
    font-size: 22px;
    left: 140px;
    bottom: 40px;
}
/* 中间第四部分 */
/* 中间第四部分左边 */
.left{
    width: 590px;
    box-sizing: border-box;
}
#main>div:nth-child(4){
    width: 932px;
    height: 448px;
    margin: auto;
    background-color: #f2f2f2;
}
.left h1,.right h1{
    font-size: 25px;
    font-style: italic;
    margin-top: 15px;
    margin-bottom: 5px;
}
.left p{
    display: inline-block;
    width: 160px;
    font-size: 14px;
}
.left h2{
    color: #f6b128;
}
.left img{
    margin-right: 10px;
    /* margin-left: -600px; */
}
.left .pic{
    position: relative;
    right: 920px;
    bottom: 140px;
    margin-bottom: 30px;
}
.left .article>h2:nth-of-type(2),.left .article>p:nth-of-type(2){
    position: relative;
    left: 180px;
    bottom: 100px;
}
.left .article>h2:nth-of-type(3),.left .article>p:nth-of-type(3){
    position: relative;
    left: 360px;
    bottom: 200px;
}
.left .button{
    position: relative;
    right: 920px;
    bottom: 310px;
}
.left a{
    position: relative;
    bottom: 195px;
    left: 60px;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}
.right{
    width: 292px;
}
.right div h2{
    font-style: italic;
}
.right div h3{
    font-style: italic;
    font-size: 14px;
}
.left,.right{
    float: left;
}
.right div>h2:first-child{
    background-image: url(../images/date.png);
    background-repeat: no-repeat;
    font-size: 25px;
    display: inline-block;
    width: 51px;
    height: 43px;
    text-align: center;
    padding-top: 10px;
}
.right div>h2:nth-child(2){
    display: inline-block;
    font-size: 25px;
}
.right div>h3{
    margin-top: 10px;
    margin-bottom: 10px;
}
.right div>h3:nth-of-type(1){
    color: #ff9000;
}
.right a{
    position: relative;
    bottom: 35px;
    left: 60px;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}
.right .button{
   margin-top: 20px;
}
/* 脚部 */
footer{
   width: 1260px;
    height: 126px;
    margin: auto;
    background-color: #ffffff;
} 
.left-bottom{
    text-align: center;
    width: 650px; 
    position: relative;
    left: 80px;
    bottom: 100px;
}
.left-bottom>h3{
    display: inline-block;
    width: 650px;
    font-size: 14px;
    font-style: italic;
}
.right-bottom{
    position: relative;
    left: 100px;
    bottom:100px;
}
.right-bottom,.left-bottom{
    float: left;
}
.right-bottom h2,.right-bottom div{
    float: left;
}
.right-bottom h2{
    margin-top: 10px;
} 
.right-bottom div>img{
    margin-left: 10px;
    margin-top: 5px;
}